// 1.1 先导入Vue模块
import Vue from 'vue'

// 2.0 导入 登录 和 注册 两个组件
import login from './components/account/login.vue'
import register from './components/account/register.vue'

// 2.1 导入路由模块
import VueRouter from 'vue-router'
// 2.2 将路由模块注册到 Vue 身上
Vue.use(VueRouter);
// 2.3 创建路由对象
const router = new VueRouter({
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: login },
    { path: '/register', component: register }
  ]
});


// 3.1 导入安装的 Mint-UI 组件类库
// 如果是 将所有的组件 全部引入的话，在使用 CSS Component 的时候，不必在按需引入了，直接以标签形式引入组件即可
import Mint from 'mint-ui';
// 3.2 引入 样式
import 'mint-ui/lib/style.css'
// 3.3 将 Mint-UI 注册到 Vue 上
Vue.use(Mint);


// 使用 mui 组件
// 4.1 导入CSS样式
import './lib/mui/css/mui.min.css'


// 使用 element UI
// 5.1 导入模块
// import Element from 'element-ui'
// // 5.2 导入样式
// import 'element-ui/lib/theme-default/index.css'
// // 5.3 注册到 Vue 
// Vue.use(Element)


// 导入 App.vue 组件
import App from './components/App.vue'

// 1.2 创建一个 Vue 实例
const vm = new Vue({
  el: '#app',
  render: c => c(App),
  router // 2.4 将 路由对象，挂载到 VM 实例身上
});